/*!
* drawer v2.0.0
* 
* Licensed under MIT
* Author : blivesta
* 
*/
.drawer-main{position:fixed;top:0;width:220px;height:100%;overflow:hidden;z-index: 1000;}
.drawer-left .drawer-main{left:-280px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-280px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:280px}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{right:280px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.5)}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{background-color:#fff;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
.drawer-default+.drawer-overlay{background-color:#fff}

.touxiang{
  padding: 15px 0;
  background-color: #2c3144;
}
.touxiang a.touxiangimg{
  display: block;
  width: 80px;
  height: 80px!important;
  border-radius: 50%;
  margin: 0 auto;
  padding: 0!important;
}
.touxiang a.touxiangimg img {
  border-radius:40px;
  border:0.3em #fff solid;
}
.touxiang span{
  display: block;
  text-align: center;
  color: #fff;
}
.touxiang span a{
  display: inline-block!important;
  padding: 0 10px!important;
  color: #fff!important;
}
.drawer-nav-list li{
  border-bottom: 1px solid #f7f7f7;
}
.drawer-nav-list li:hover{
  background-color: #f5f5f5;
}
.drawer-nav-list a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 16px 0 32px;
  color: #2c3144;
}
.drawer-nav-list a i{
  float: left;
  display: inline-block;
  width: 18px;
  height: 40px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.drawer-nav-list a i.menuicon1{
  background-image: url(../images/menuicon1.png);
}
.drawer-nav-list a i.menuicon2{
  background-image: url(../images/menuicon2.png);
}
.drawer-nav-list a i.menuicon3{
  background-image: url(../images/menuicon3.png);
}
.drawer-nav-list a i.menuicon4{
  background-image: url(../images/menuicon4.png);
}
.drawer-nav-list a i.menuicon5{
  background-image: url(../images/menuicon5.png);
}
.drawer-nav-list a i.menuicon6{
  background-image: url(../images/menuicon6.png);
}
.drawer-nav-list a i.menuicon7{
  background-image: url(../images/menuicon7.png);
}
.drawer-nav-list a i.menuicon8{
  background-image: url(../images/menuicon8.png);
}
.drawer-nav-list a i.menuicon9{
  background-image: url(../images/menuicon9.png);
}
.drawer-nav-list a i.menuicon10{
  background-image: url(../images/menuicon10.png);
}
.drawer-nav-list a i.menuicon11{
  background-image: url(../images/menuicon11.png);
}
.drawer-nav-list a i.menuicon12{
  background-image: url(../images/menuicon12.png);
}
.drawer-nav-list a i.menuicon13{
  background-image: url(../images/menuicon13.png);
}
